/* 
    Document   : style
    Created on : 27-03-2013, 08:28:01 PM
    Author     : Andrés Ubilla
    Description:
    Purpose of the stylesheet follows.
*/

#ctl0_frmBase {
    margin: 0;
}

body {
    background: url("../images/night_bg.png") repeat;
}

.header {
    margin-bottom: 41px;
}

.navbar-inner .container {
    width: 1060px;
}

.navbar .nav > li > a {
    padding: 5px 10px 7px;
}

span.badge-info {
    position: absolute;
    top: 5px;
    left: 25px;
    padding: 2px 5px 2px 5px;
    z-index: 999;
    background-color: #0088cc;
}

.container {
    width: 1060px;
    padding-left: 10px;
}

.logoMenu {
    float: left;
}

.padding-top {
    padding-top: 10px;
    padding-bottom: 20px;
}

.bg {
    background-color: rgb(17,17,17);
    border-left: 2px solid rgb(52,52,52);
    border-right: 2px solid rgb(52,52,52);
}

.spacer {
    margin-bottom: 10px;
}

.row-fluid .main-body-index {
    width: 785px;
    margin-left: 0;
}

.row-fluid .main-side-index {
    width: 255px;
    min-height: 500px;
    margin-left: 10px;
}

.row-fluid .slide-cuerpo {
    border: 1px solid rgb(52,52,52);
    background-color: rgb(24,24,24);
    width: 777px;
    height: 300px;
    margin-bottom: 10px;
}

.row-fluid .slide-side {
    border: 1px solid rgb(52,52,52);
    background-color: rgb(24,24,24);
    width: 255px;    
    min-height: 75px;
    height: auto !important;
    max-height: 405px;
    margin-bottom: 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.row-fluid .top5 {
    position: relative;
    border: 1px solid rgb(52,52,52);
    background-color: rgb(24,24,24);
    width: 785px;
    min-height: 300px;
    height: auto !important;
    margin-top: 323px;
    margin-bottom: 10px;
}

.row-fluid .destacadas {
    border: 1px solid rgb(52,52,52);
    background-color: rgb(24,24,24);
    width: 785px;
    min-height: 200px;
    height: auto !important;
    margin-left: 0;
    margin-bottom: 10px;
}

.row-fluid .main-side-index .sidebar {
    border: 1px solid rgb(52,52,52);
    background-color: rgb(24,24,24);
    width: 255px;
    min-height: 115px;
    height: auto !important;
    margin-bottom: 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.full-footer {
    position: relative;
    width: 100%;
    height: 500px;
    background: url("../images/footer.jpg") #6f1d40 repeat-x;
    box-shadow: inset 0px -30px 28px rgba(0,0,0,0.2);
    -moz-box-shadow: inset 0px -30px 28px rgba(0,0,0,0.2);
    -webkit-box-shadow: inset 0px -30px 28px rgba(0,0,0,0.2);
}

.full-footer .footer {
    width: 1050px;
    margin: 0 auto;
    height: 100%;
}

.full-header {
    width: 100%;
    height: 200px;
    background: url("../images/head-septiembre.jpg") no-repeat center;
    border-bottom: 2px solid #ccc;
}

.presentacion {
    width: 1050px;
    margin: 0 auto;
    height: 200px;
}

.presentacion .logo {
    position: relative;
    height: 195px;
    width: 313px;
    float: left;
    top: 5px;
}

.presentacion #shareThis {
    position: relative;
    float: right;
    top: 10px;
    right: 10px;
    background-color: rgb(24,24,24);
    width: 155px;
    height: 45px;
    padding: 5px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: 1px solid rgb(52,52,52);
}

.border-radius {
    border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
}

/* ESTILO MENU SECUNDARIO */
.menu-secundario {
    width: 1050px;
    position: relative;
    margin-bottom: 10px;
}

.menu-secundario .navbar-inner .nav > li > a {
    padding: 10px 25px 10px;
    color: #ccc;
}

.menu-secundario .navbar-inner .nav > li.active a {
    text-decoration: underline;
    color: #EC225E;
}

.menu-secundario .navbar-inner .nav > li a:hover {
    color: #EC225E;
}
/* ESTILO MENU SECUNDARIO */

/* ESTILO UL TOP 5 */
.row-fluid ul.thumbnails {
    margin-top: 10px;
    margin-left: 9px;
    margin-bottom: 3px;
}

ul.thumbnails li.thumb-top5 {
    margin-left: 0;
    margin-right: 10px;
    margin-bottom: 0;
    width: 145px;
    height: 232px;
}

ul.thumbnails li.thumb-top5 .thumbnail {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-color: rgb(52,52,52);
}

ul.thumbnails li.thumb-top5 .thumbnail:hover {
    border-color: rgb(122,122,122);
    background-color: rgb(41,41,41);
}

ul.thumbnails li.thumb-top5 .thumbnail img {
    width: 135px;
    height: 200px;
}

.heart {
    background: url("../images/heart.png") no-repeat;
    width: 30px;
    height: 30px;
    position: relative;
    display: block;
    float: right;
    top: -29px;
    cursor: default;
}

.heart h4 {
    position: relative;
    top: -5px;
    left: 0;
    font-family: 'Sansita One', cursive;
    color: #EC225E;
    text-align: center;
}

ul.thumbnails li.thumb-top5 .thumbnail .caption {
    padding: 0;
}

ul.thumbnails li.thumb-top5 .thumbnail .caption h4 {
    font-family: 'Sansita One', cursive;
    font-weight: normal;
    left: 0;
    padding-bottom: 0;
}

.titulo {
    height: 37px;
    border-bottom: 1px solid rgb(52,52,52);
    width: 100%;
}

.tituloSide {
    height: 27px;
    border-bottom: 1px solid rgb(52,52,52);
    width: 100%;
}

.titulo h3.left {
    float: left;    
}

.tituloSide h3.center {
    text-align: center;
    left: 0;
}

.titulo a.linkTodos {
    float: right;
    margin: 7px 10px;
}
/* ESTILO UL TOP 5 */

/* ESTILO UL DIOSAS DESTACADAS */
ul.thumbnails li.thumb-destacada .thumbnail:hover {
    border-color: rgb(122,122,122);
    background-color: #EC225E;
}

ul.thumbnails li.thumb-destacada {
    margin-left: 0;
    margin-right: 8px;
    margin-bottom: 8px;
    width: 121px;
    height: 198px;
}

ul.thumbnails li.thumb-destacada .thumbnail {
    padding: 2px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-color: rgb(57,57,57);
}

ul.thumbnails li.thumb-destacada .thumbnail img {
    width: 115px;
    height: 170px;
}

ul.thumbnails li.thumb-destacada .thumbnail .caption {
    padding: 0;
}

ul.thumbnails li.thumb-destacada .thumbnail .caption h6 {
    font-family: 'Sansita One', cursive;
    font-size: 15px;
    font-weight: normal;    
    margin: 2px 0 0 0;
    text-align: center;
}

ul.thumbnails li.thumb-destacada .thumbnail .caption h6 a {
    color: #0088cc;
}

.badge-region {
    position: absolute;
    z-index: 9;
    margin-top: 155px;
    margin-left: 3px;
    cursor: default;
    background-color: #EC225E;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 10px;
}

img.ribbon-promo {
    position: absolute;
    z-index: 9;
    margin-left: 61px;
    margin-top: 144px;
}
/* ESTILO UL DIOSAS DESTACADAS */

/* ESTILO PARA ENTREVISTA */
.row-fluid .ultimo-body {
    position: relative;
    border: 1px solid rgb(52,52,52);
    background-color: rgb(24,24,24);
    height: 353px;
    margin-bottom: 10px;
}

.row-fluid .ultimo-body:hover {
    background-color: rgb(31,31,31);
}
/* ESTILO PARA ENTREVISTA */

/* ESTILO PARA ULTIMA NOTICIA/ENTREVISTA/RELATO */
.contenido-body {
    padding: 5px;
}

.contenido-body .texto {
    float: left;
    height: 82px;
    overflow: hidden;
}

.contenido-body .right {
    position: relative;
    right: 20px;
    bottom: 2px;
    width: 60px;
    height: 27px;
}

.contenido-body a.verComentarios {
    position: absolute;
    background: url("../images/mensajes.png") no-repeat;
    width: 30px;
    height: 27px;
    padding-top: 3px;
    text-align: center;
    color: #EC225E;
    font-family: 'Sansita One', cursive;
    font-size: 16px;
}

.contenido-body a.verCompleto {
    position: absolute;
    background: url("../images/leer.png") no-repeat;
    margin-left: 30px;
    width: 30px;
    height: 27px;
}

.blog-contenido-header {
    position: relative;
    width: auto;
    height: 50px;
    margin-bottom: 5px;
}

.blog-date {
    width: 50px;
    height: 50px;
    float: left;
}

.blog-date h2 {
    position: relative;
    left: 0;
    text-align: center;
    padding-bottom: 8px;
}

.blog-date h5 {
    position: relative;
    top: -12px;
    left: 0;
    text-align: center;
}

.blog-date .dia {
    text-align: center;
}

.blog-date .mes {
    text-align: center;
}

.blog-titulo {
    position: absolute;
    margin: 10px 0 0 35px;
    padding-left: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 315px;
    height: 25px;
}

.blog-fecha-publicacion {
    position: absolute;
    margin: 27px 0 0 47px;
    font-size: 12px;
    color: rgb(122,122,122);
}

.blog-image {
    position: relative;
    width: 350px;
    float: left;
    margin-right: 5px;
    margin-left: 5px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid rgb(52,52,52);
}

.contenido-body p.blog-texto {
    position: relative;
    width: 360px;
    height: 82px;
    overflow: hidden;
    text-align: justify;
    padding: 0 18px 0 4px;
    color: #ccc;
}

.blog-fecha-publicacion .icon-calendar {
    position: relative;
    margin-top: -1px;
}
/* ESTILO PARA ULTIMA NOTICIA/ENTREVISTA/RELATO */

/* ESTILO PARA SIDEBAR */
.contenido-side .ul-contenido-side {
    margin: 0;
}

.contenido-side .ul-contenido-side {
    list-style: none;
}

.contenido-side .ul-contenido-side li.li-side {
    position: relative;
    padding: 5px;
    height: 80px;
    border-bottom: 1px dotted rgb(52,52,52);
}

.contenido-side .ul-contenido-side li.li-side:hover {
    background-color: rgb(41,41,41);
}

.contenido-side .ul-contenido-side li:last-child {
    border-bottom: none;
}

.contenido-side .ul-contenido-side li.li-side img.user-ul-side {
    position: absolute;
    width: 50px;
    height: 50px;
    margin-top: 2px;
}

.contenido-side .ul-contenido-side li.li-side span.fecha-ul-side {
    position: absolute;
    bottom: 0;
}

.contenido-side .ul-contenido-side li.li-side span.sidebar-post {
    position: absolute;
    font-size: 10px;
    text-align: justify;
    margin: 0 5px 0 55px;
    line-height: 120%;
    color: #ccc;
    height: 68px;
    overflow: hidden;
}

.contenido-side .ul-contenido-side li.li-side span.sidebar-post a.linkSide {
    color: #ccc;
}

.contenido-side .ul-contenido-side li.li-side span.sidebar-post a.linkSide:hover {
    text-decoration: none;
}

.ul-contenido-side .li-side span.fecha-ul-side {
    font-size: 10px;
    color: rgb(122,122,122);
}

.fecha-ul-side .icon-calendar {
    position: relative;
    margin-top: -1px;
}

.fecha-ul-side .icon-share-alt {
    position: relative;
    margin-top: -1px;
}
/* ESTILO PARA SIDEBAR */

/* ESTILO PARA SLIDE DESTACADAS */

/* ESTILO PARA SLIDE DESTACADAS */

/* ESTILO PARA EL SLIDE DE ULTIMAS DIOSAS */
.row-fluid .slide-side .contenido-side-slide {
    width: 100%;
    min-height: 75px;
    height: auto !important;
    max-height: 392px;   
}

#ultimasDiosas{
    padding-top: 2px;
    padding-bottom: 2px;
}

#ultimasDiosas .diosas-slide-side {
    margin-left: 2px;
}
/* ESTILO PARA EL SLIDE DE ULTIMAS DIOSAS */

.left {
    float: left;
}

.right {
    float: right;
}

.center {
    text-align: center;
}

/* ESTILO PARA UL LI MENU USUARIO */
.sub-title {
    width: 300px;
    padding: 5px 10px;
    font-weight: bolder;
}

.ul-menu-usuario {
    width: 320px;    
}

.ul-menu-usuario > li.unread img {
    width: 50px;
    height: 50px;
    margin: 5px;
}

.ul-menu-usuario > li.unread:hover {
    background-color: rgb(241,241,241);
}

.ul-menu-usuario > li.unread {
    font-size: 11px;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #e9e9e9;
}

.ul-menu-usuario > li.unread a.name {
    cursor: pointer;
}

.ul-menu-usuario > li.unread span.info {
    position: absolute;    
}

.ul-menu-usuario > li.unread span.info span.message {
    cursor: default;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ul-menu-usuario > li > a > span.info > .time {
    display: block;
    color: #ccc;
}

.sub-footer {
    width: 300px;
    border-top: 1px solid #e9e9e9;
    padding: 5px 10px;
}

.sub-footer {
    text-align: center;
}

.time .icon-calendar {
    position: relative;
    margin-top: -1px;
}

.opcionesUsuario {
    width: 300px;
    height: 120px;
    margin: 5px 10px;
}

.opcionesUsuario h3 {
    color: #0088cc;
    text-decoration: underline;
    margin-bottom: 30px;
}

.opcionesUsuario img {
    width: 100px;
    height: 100px;
    position: relative;
    float: left;
}

.opcionesUsuario a {
    position: relative;
    left: 10px;
}

.opcionesUsuario span {
    color: rgb(122,122,122);
}
/* ESTILO PARA UL LI MENU USUARIO */

/* ESTILO PARA EL FOOTER */
.footer h1 {
    font-family: 'Sansita One', cursive;
    font-size: 18px;
    margin: 0px 0px 5px 0px;
}

.footer .footer-inner {
    padding-top: 40px;
    padding-left: 15px;
}

.footer .footer-inner a.social {
    display: inline-block;
    margin: 10px 10px 0 0;
    border-radius: 50%;
    width: 42px;
    height: 42px;
}

.footer a.social {
    color: #9d9d9d;
    border-bottom: 0px solid #c95518;
    border-left: 0px solid #c0a98f;
    border-right: 0px solid #c95518;
    border-top: 0px solid #c0a98f;
    box-shadow: 1px 1px 0px 0px rgba(255, 255, 255, 0.2), 0px 0px 1px 2px rgba(0, 0, 0, 0.2) inset;
    background: #41162e;
    background: rgb(65, 22, 46);
    background: rgba(65, 22, 46, 0.7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.footer-inner h1 {
    left: 0;
}

.footer .footer-inner p {
    color: #ccc;
}

.footer .footer-inner .newsletter .boton {
    position: relative;
    top: -5px;
}

.footer .footer-inner ul {
    list-style: none outside none;
    margin: 10px 0 0;
}

.footer .footer-inner ul li {
    background-image: url(../images/icons.png);
    background-repeat: no-repeat;
    line-height: 32px;
    padding: 0 0 0 28px;
    font-size: 13px;
}

.footer .footer-inner ul li a {
    position: relative;
    top: -5px;
}

.footer .footer-inner .copy {
    position: relative;
    top: 100px;
    float: right;
    color: #ccc;
}
/* ESTILO PARA EL FOOTER */

/* ESTILOS GENERALES DE COLORES Y FUENTES */
.container a.brand {
    color: #EC225E;
    font-family: 'Sansita One', cursive;
    font-weight: normal;
    font-size: 25px;
}

.container a.brand:hover {
    color: #EC225E;
    text-decoration: underline;
}

.userAnonimo {
    font-family: 'Sansita One', cursive;
    margin: 9px 10px 0 0;    
}

.userAnonimo a {
    color: #EC225E;
}

h1, h2, h3, h4, h5 {
    position: relative;
    color: #EC225E;
    font-family: 'Sansita One', cursive;
    font-weight: normal;
    line-height: 15px;
    left: 10px;
    margin-bottom: 5px;
}
/* ESTILOS GENERALES DE COLORES Y FUENTES */

/* KOOLTIP CSS */
.kooltip {
    outline: none;
    position: relative;
    text-decoration: none !important;
}

span.kooltip {
    display: inline-block; /* IE trick */
}

.kooltip .kultip {    
    border-color: #121212;
    color: #EEE;    
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border-style: solid;
    border-width: 1px;
    border-bottom-width: 2px;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 0 1px rgba(255, 255, 255, 1) inset;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 0 1px rgba(255, 255, 255, 1) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 0 1px rgba(255, 255, 255, 1) inset;
    cursor: default;
    padding: 12px 12px 5px 12px;
    position: absolute;
    font-size: 12px;
    /*white-space: nowrap;*/
    width: 200px;
    min-height: 130px;
    height: auto !important;
    max-height: 160px;
    display: none;
    background: -moz-linear-gradient(top, #1D1D1D 0%, #303030 15%, #1D1D1D 100%);
    background: -ms-linear-gradient(top, #1D1D1D 0%, #303030 15%, #1D1D1D 100%);
    background: -o-linear-gradient(top, #1D1D1D 0%, #303030 15%, #1D1D1D 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1D1D1D), color-stop(15%, #303030), color-stop(100%, #1D1D1D));
    background: -webkit-linear-gradient(top, #1D1D1D 0%, #303030 15%, #1D1D1D 100%);
    background: linear-gradient(top, #1D1D1D 0%, #303030 15%, #1D1D1D 100%);	
    background-color: #1D1D1D;
}

.kooltip .kultip .title {
    padding: 0 4px 5px;
    margin: 0 -4px 6px -4px;
    display: block;
    font-size: 14px;
    letter-spacing: -0.1px;
    position: relative;
    width: 100%;
    border-bottom: solid 1px #0D0D0D;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
}

/* black */
.kooltip .tooltip.black {

}

.tip-item {
    position:relative;
}

ul.thumbnails li.thumb-destacada .thumbnail .kultip {
    line-height: 1;
    z-index: 9999;
}

ul.thumbnails li.thumb-destacada .thumbnail .kultip .info-tooltip {
    position: relative;
    width: 100%;
    min-height: 16px;
    height: auto !important;
    margin-bottom: 4px;
}

ul.thumbnails li.thumb-destacada .thumbnail .kultip .info-tooltip span {
    position: relative;
    top: 4px;
}

ul.thumbnails li.thumb-destacada .thumbnail .kultip .info-telefono {
    position: relative;
    width: 100%;
    height: 25px;
}

ul.thumbnails li.thumb-destacada .thumbnail .kultip .info-telefono span {
    position: relative;
    top: 2px;
    font-size: 20px;
}

ul.thumbnails li.thumb-destacada .thumbnail span.title {
    margin-top: -5px;
    font-family: 'Sansita One', cursive;
    font-size: 24px;
}

ul.thumbnails li.thumb-destacada .thumbnail img.px32 {
    float: left;
    margin-right: 10px;
    width: 25px;
    height: 25px;
}

ul.thumbnails li.thumb-destacada .thumbnail img.px16 {
    float: left;
    margin-right: 10px;
    margin-left: 0;
    width: 16px;
    height: 16px;
}
/* KOOLTIP CSS */

/* ESTILO PARA MODALES */
h3.modalLabel {
    width: 90%;
    left: 0;
    color: #0088cc;
}

#ctl0_txtUsuario {
    min-height: 45px;
}

#ctl0_txtPassword {
    min-height: 45px;
}
#ctl0_txtRecuperarPassword {
    min-height: 45px;
}

.modalBodyRegistro {
    padding: 10px 0 10px 15px;
}

input.inputRegistro {
    width: 236px;
    padding: 10px;
    margin-right: 10px;
    float: left;
}

select.inputRegistro {
    color: #999;
    width: 258px;
    height: 42px;
    margin-right: 10px;
    float: left;
}

.datepicker {
    z-index: 9999;
}
/* ESTILO PARA MODALES */

/* ESTILO PAGINA PERFIL */
.row-fluid .main-body-perfil {
    width: 710px;
    margin-left: 0;
}

.row-fluid .main-body-perfil .imagesPerfil {    
    display: block;
    position: relative;
    width: 685px;
    min-height: 675px;
    height: auto !important;    
    left: 15px;
    overflow-y: auto;
    margin-bottom: 15px;
}

.row-fluid .main-side-perfil {
    width: 330px;
    margin-left: 10px;
    color: rgb(162,162,162);
}

.main-side-perfil > .sidebar .nombre {
    display: block;    
    position: relative;
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 5px;
    width: 330px;
    border-bottom: 1px solid rgb(52,52,52);
    text-align: center;
}

.main-side-perfil > .sidebar .nombre h2 {
    left: 0;
}

.main-side-perfil > .sidebar .numero {
    display: block;
    position: relative;
    width: 330px;
    height: 30px;
    padding-top: 5px;
    border-bottom: 1px solid rgb(52,52,52);
}

.main-side-perfil > .sidebar .numero img {
    display: block;
    position: relative;
    float: left;
}

.main-side-perfil > .sidebar .numero span {
    display: block;
    position: relative;
    font-family: 'Sansita One', cursive;
    font-size: 20px;
    float: left;
    left: 5px;
    top: 8px;
}

.main-side-perfil > .sidebar .direccion {
    display: block;
    position: relative;
    font-size: 1.1em;
    width: 330px;
    min-height: 15px;
    height: auto !important;
    padding-top: 5px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgb(52,52,52);
}

.main-side-perfil > .sidebar .direccion img {
    display: inline;
    position: relative;
    float: left;
    width: 25px;
    height: 25px;
}

.main-side-perfil > .sidebar .direccion span {
    display: inline;
    position: relative;
    font-family: 'Sansita One', cursive;
    font-size: 18px;
    left: 5px;
    top: 8px;
}

.main-side-perfil > .sidebar .tarifa {
    display: block;
    position: relative;
    width: 330px;
    min-height: 35px;
    height: auto !important;
    overflow: hidden;
    padding-top: 5px;
    border-bottom: 1px solid rgb(52,52,52);
}

.main-side-perfil > .sidebar .tarifa img {
    display: block;
    position: relative;
    float: left;
}

.main-side-perfil > .sidebar .tarifa span {
    display: block;
    position: relative;
    font-family: 'Sansita One', cursive;
    font-size: 18px;
    float: left;
    left: 5px;
    top: 8px;
}

.main-side-perfil > .sidebar .tarifa p {
    display: block;
    position: relative;
    font-size: 14px;
    float: left;
    top: 8px;
}

.main-side-perfil > .sidebar .horario {
    display: block;
    position: relative;
    width: 330px;
    float: left;
    height: 30px;
    padding-top: 5px;
    border-bottom: 1px solid rgb(52,52,52);
}

.main-side-perfil > .sidebar .horario img {
    display: block;
    position: relative;
    float: left;
}

.main-side-perfil > .sidebar .horario span {
    display: block;
    position: relative;
    font-family: 'Sansita One', cursive;
    font-size: 18px;
    float: left;
    left: 5px;
    top: 8px;
}

.main-side-perfil > .sidebar .datos {
    display: block;
    position: relative;
    width: 330px;
    float: left;
    height: 30px;
    padding-top: 5px;
}

.main-side-perfil > .sidebar .datos img {
    display: block;
    position: relative;
    float: left;
}

.main-side-perfil > .sidebar .datos span {
    display: block;
    position: relative;
    font-family: 'Sansita One', cursive;
    font-size: 18px;
    float: left;
    left: 5px;
    top: 8px;
}

.main-side-perfil > .sidebar .perfil {
    height: 200px;
}

.main-side-perfil > .sidebar .perfil ul.perfil_list {
    display: block;
    position: relative;
    list-style: none;
    width: 330px;
    height: auto !important;
    font-size: .7em;
    top: 10px;
    margin: 0;
    color: #ccc;
}

.main-side-perfil > .sidebar .perfil ul.perfil_list li.style_1 {
    display: block;
    position: relative;
    float: left;
    width: 164px;
    height: 25px;
    margin-right: 1px;
}

.main-side-perfil > .sidebar .perfil ul.perfil_list li.style_1 span {
    display: block;
    position: relative;
    padding-top: 5px;
    margin-left: 3px;
}

.main-side-perfil > .sidebar .perfil ul.perfil_list li.style_2 {
    display: block;
    position: relative;
    float: left;
    width: 164px;
    height: 25px;
    margin-right: 1px;
    background-color: rgb(31,31,31);
}

.main-side-perfil > .sidebar .perfil ul.perfil_list li.style_2 span {
    display: block;
    position: relative;
    padding-top: 5px;
    margin-left: 5px;
}

.main-side-perfil > .sidebar .servicios {
    min-height: 100px;
    height: auto !important;
    padding-bottom: 25px;
    overflow-y: hidden;
}

.main-side-perfil > .sidebar .servicios .im_ser {
    display: block;
    position: relative;
    width: 330px;
    float: left;
    height: 50px;
    top: 20px;
    border-top: 1px solid rgb(52,52,52);
}

.main-side-perfil > .sidebar .servicios .im_ser img {
    display: block;
    position: relative;
    float: left;
}

.main-side-perfil > .sidebar .servicios .im_ser span {
    display: block;
    position: relative;
    font-family: 'Sansita One', cursive;
    font-size: 18px;
    float: left;
    left: 5px;
    top: -3px;
}

.main-side-perfil > .sidebar .servicios .im_ser span {
    display: block;
    position: relative;
    padding-top: 15px;
}

.main-side-perfil > .sidebar .servicios .im_ser img {
    display: block;
    position: relative;
    float: left;
    padding-top: 5px;
    margin-right: 5px;
}

.main-side-perfil > .sidebar .servicios .servicios_list {
    display: block;
    position: relative;
    width: 330px;
    height: auto !important;
    font-size: .8em;
}

.main-side-perfil > .sidebar .servicios ul.servicios_list {
    display: block;
    position: relative;
    list-style: none;
    top: 15px;
    margin: 0;
    color: #ccc;
}

.main-side-perfil > .sidebar .servicios ul.servicios_list li.style_1 {
    display: block;
    position: relative;
    float: left;
    width: 164px;
    height: 25px;
    margin-right: 1px;
}

.main-side-perfil > .sidebar .servicios ul.servicios_list li img {
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    padding-top: 4px;
    margin-left: 3px;
}

.main-side-perfil > .sidebar .servicios ul.servicios_list li.style_1 span {
    display: block;
    position: relative;
    padding-top: 3px;
    margin-left: 25px;
}

.main-side-perfil > .sidebar .servicios ul.servicios_list li.style_2 {
    display: block;
    position: relative;
    float: left;
    width: 164px;
    height: 25px;
    margin-right: 1px;
    background-color: rgb(31,31,31);
}

.main-side-perfil > .sidebar .servicios ul.servicios_list li.style_2 span {
    display: block;
    position: relative;
    padding-top: 3px;
    margin-left: 25px;
}

.main-side-perfil > .sidebar .web {
    display: block;
    position: relative;
    width: 330px;
    height: 30px;
    padding-top: 5px;
    border-top: 1px solid rgb(52,52,52);
    border-bottom: 1px solid rgb(52,52,52);
}

.main-side-perfil > .sidebar .web img {
    display: block;
    position: relative;
    float: left;
}

.main-side-perfil > .sidebar .web a {
    display: block;
    position: relative;
    font-family: 'Sansita One', cursive;
    font-size: 18px;
    float: left;
    left: 5px;
    top: 8px;
}

.main-side-perfil > .sidebar .descripcion {
    display: block;
    position: relative;
    width: 330px;
    min-height: 60px;
    height: auto !important;
    overflow: hidden;
    padding-top: 10px;
    border-bottom: 1px solid rgb(52,52,52);
}

.main-side-perfil > .sidebar .descripcion span {
    display: block;
    position: relative;
    font-family: 'Sansita One', cursive;
    font-size: 18px;
}

.info_comentarios {
    position: relative;
    height: 50px;
    border-top: 1px solid;
    border-bottom: 1px solid;
}

.info_comentarios > ul.ul_comentarios {
    margin: 0;
    list-style: none;
}

.info_comentarios > ul.ul_comentarios li {
    float: left;
    margin-right: 5px;
    margin-top: 14px;
}

.info_comentarios > ul.ul_comentarios li > span.user_com {
    color: #ccc;
}

.info_comentarios > ul.ul_comentarios li img {
    margin-left: 5px;
    margin-right: 5px;
}
.info_comentarios > ul.ul_comentarios li {
    font-family: 'Sansita One', cursive;
    font-size: 18px;
}

.barra_comentarios {
    position: relative;
    padding-top: 10px;
    top: 5px;
    height: 33px;
    background-color: #1C1C1C;
    border-top: 1px solid;
    border-bottom: 1px solid;
    margin-bottom: 10px;
}

.barra_comentarios span.num_com {
    position: relative;
    left: 10px;
    color: #ccc;
    font-family: 'Sansita One', cursive;
    font-size: 18px;
}

.barra_comentarios span.user_com {
    position: relative;
    float: right;
    right: 10px;
    color: #ccc;
}

.barra_comentarios h3.user_com {
    position: relative;
    float: right;
    right: 10px;
    color: #ccc;
}

.comentarios {
    position: relative;
    color: #ccc;
    width: 100%;
    min-height: 100px;
    height: auto !important;
    top: 5px;
    margin-bottom: 10px;
    float: left;
}

.comentarios > ul.list_comentarios {
    margin: 0;
    list-style: none;
}

.comentarios > ul.list_comentarios > li.impar {
    position: relative;
    width: 100%;
    min-height: 100px;
    height: auto !important;
    overflow-y: auto;
    margin-bottom: 10px;        
}

.comentarios > ul.list_comentarios > li.impar img {
    position: relative;
    float: left;
    width: 100px;
    height: 100px;
}

.comentarios > ul.list_comentarios > li.impar .content {
    position: relative;
    margin-top: 0;
    width: 580px;
    min-height: 94px;
    background-color: rgb(19,19,19);
    border: 1px solid #4d4d4d;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    padding: 0 10px 0;
    float: right;
}

.comentarios > ul.list_comentarios > li.impar .content:hover {
    background-color: rgb(22,22,22);
}

.comentarios > ul.list_comentarios > li.impar .content .fechaComentario {
    position: relative;
    left: 0;
    float: left;
}
.comentarios > ul.list_comentarios > li.impar .content .fechaComentario h5 {
    left: 0;
    float: left;
    margin-bottom: 0;
}

.comentarios > ul.list_comentarios > li.impar .content .fechaComentario span {
    position: relative;
    top: 7px;
    left: 10px;
    color: rgb(121,121,121);
}

.comentarios > ul.list_comentarios > li.impar .content p {
    position: relative;
    margin: 30px 0 5px 0;
}

.comentarios > ul.list_comentarios > li.par {
    position: relative;
    width: 100%;
    min-height: 100px;
    height: auto !important;
    overflow-y: auto;
    color: #dadada;
    margin-bottom: 10px;
}

.comentarios > ul.list_comentarios > li.par img {
    position: relative;
    float: right;
    width: 100px;
    height: 100px;
}

.comentarios > ul.list_comentarios > li.par .content {
    position: relative;
    width: 580px;
    min-height: 94px;
    background-color: rgb(42,42,42);
    border: 1px solid #4d4d4d;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    padding: 0 10px 0;
    float: left;
    margin-top: 0;
}

.comentarios > ul.list_comentarios > li.par .content:hover {
    background-color: rgb(39,39,39);
}

.comentarios > ul.list_comentarios > li.par .content .fechaComentario {
    position: relative;
    left: 0;
    float: left;
}
.comentarios > ul.list_comentarios > li.par .content .fechaComentario h5 {
    left: 0;
    float: left;
    margin-bottom: 0;
}

.comentarios > ul.list_comentarios > li.par .content .fechaComentario span {
    position: relative;
    top: 7px;
    left: 10px;
    float: right;
    color: rgb(121,121,121);
}

.comentarios > ul.list_comentarios > li.par .content p {
    position: relative;
    margin: 30px 0 5px 0;
}

.divCkeditor {
    position: relative;
    top: 10px;
}

.msg_usuario {
    text-align: justify;
}

.divCkeditor .msg_usuario span {
    color: rgb(100,100,100);
}

.relacionadas {
    border: 1px solid rgb(52,52,52);
    background-color: rgb(24,24,24);
    min-height: 128px;
    height: auto !important;
    margin-left: 0;
    margin-bottom: 10px;
}

.relacionadas > ul.thumbnails {
    margin-top: 5px;
    margin-left: 5px;
}

.relacionadas > ul.thumbnails > li.thumb-destacada {
    width: 102px;
    height: 137px;
    margin-right: 5px;
    margin-bottom: 5px;
}

.relacionadas > ul.thumbnails > li.thumb-destacada .thumbnail img {
    width: 96px;
    height: 131px;
}

.barra_publicacion {
    position: relative;
    padding-top: 10px;
    top: 5px;
    height: 33px;
    background-color: #1C1C1C;
    border-top: 1px solid;
    border-bottom: 1px solid;
    margin-bottom: 10px;
}

.barra_publicacion span.user_publicacion {
    position: relative;
    float: left;
    left: 10px;
    color: #ccc;
}

.barra_publicacion span.fecha_publicacion {
    position: relative;
    float: right;
    right: 10px;
    color: #ccc;
}

.cuerpo_publicacion {
    color: #ccc;
}

.cuerpo_publicacion img {
    position: relative;
    margin: 0 auto;
    max-width: 700px;
}

.cuerpo_publicacion p.relato {
    color: #ccc;
    margin-top: 15px;
}

.cuerpo_publicacion > p.relato > span {
    color: #ccc;
}

.cuerpo_publicacion p.relato img.emo1 {
    width: 20px;
    height: 20px;
    float: none;
}

.cuerpo_publicacion p.relato img.emo {
    width: 20px;
    height: 20px;
    float: none;
}

/* estilo para pagina de usuario (datos y perfil de usuario */
#pageUsuario {
    padding-left: 10px;
    color: #ccc;
}

#pageUsuario h3, legend {
    color: #0088cc;
}

#pageUsuario legend {
    border-bottom: 1px solid rgb(52,52,52);
}
/* estilo para pagina de usuario (datos y perfil de usuario */

/* estilo para color de fondo oscuro */
.backgroundBlack {
    border: 1px solid rgb(52,52,52);
    background-color: rgb(24,24,24);
}

.backgroundBlack > li > a {
    color: #ccc;
}

.navbar .nav > li > .backgroundBlack:after {
    border-bottom: 6px solid rgb(52,52,52); 
}

.modal {
    border: 1px solid rgb(52,52,52);
    z-index: 9999;
}

.modal, .modal-footer {
    background-color: rgb(24,24,24);   
}

.modal-header {
    border-bottom: 1px solid rgb(52,52,52);
}

.modal-header > .close {
    float: right;
    line-height: 20px;
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.modal-body input, select {
    background-color: rgb(52,52,52);
    border: 1px solid rgb(95,95,95);
    color: #ccc;
}

.modal-body label {
    color: #ccc;
}

.modal-footer {
    border-top: 1px solid rgb(52,52,52);
    -webkit-box-shadow: inset 0 1px 0 rgb(24,24,24);
    -moz-box-shadow: inset 0 1px 0 rgb(24,24,24);
    box-shadow: inset 0 1px 0 rgb(24,24,24);
}

#pageUsuario input[type="text"], input[type="password"], select, textarea {
    background-color: rgb(52,52,52);
    border: 1px solid rgb(95,95,95);
    color: #ccc;
}
/* estilo para color de fondo oscuro */

/* ESTILO PARA EL BOTON DE SUBIR IMAGEN */
.fileinput-button {
    position: relative;
    overflow: hidden;
    float: left;
    left: 4px;
    margin-top: 25px;
}
.fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(-300px, 0) scale(4);
    font-size: 23px;
    direction: ltr;
    cursor: pointer;
}
.fileupload-buttonbar .btn,
.fileupload-buttonbar .toggle {
    margin-bottom: 5px;
}

/* Fix for IE 6: */
* html .fileinput-button {
    line-height: 24px;
    margin: 1px -3px 0 0;
}

/* Fix for IE 7: */
* + html .fileinput-button {
    padding: 2px 15px;
    margin: 1px 0 0 0;
}
/* ESTILO PARA EL BOTON DE SUBIR IMAGEN */

/* ESTILO PARA MENSAJES EN PAGINA PERFIL DE USUARIO */
.mensaje {
    position: relative;
    width: 100%;
    min-height: 10px;
    height: auto !important;
    background-color: rgb(24,24,24);
    border: 1px solid rgb(52,52,52);
    margin-bottom: 15px;
    padding: 3px 10px 5px 10px;
    color: #ccc;
}

.mensaje p {
    margin: 0;
}
/* ESTILO PARA MENSAJES EN PAGINA PERFIL DE USUARIO */
span.help-block {
    color: #ccc;
}

.loaderModal {
    position: relative;
    width: 32px;
    height: 32px;
    margin-left: 50%;
    left: -16px;
    margin-bottom: 10px;
}

#modalHacerEvaluaciion span.help-block {
    position: relative;
    top: -8px;
    margin-bottom: 0;
    font-size: 12px;
}

/* ESTILO PARA EMOTICONES */
img.emo {
    width: 15px;
    height: 15px;
}

img.emo1 {
    height: 15px;
}

.comentarios > ul.list_comentarios > li > .content > p > img.emoticon {
    float: none;
}

.comentarios > ul.list_comentarios > li > .content > p > img.emo {
    width: 20px;
    height: 20px;
    float: none;
}

.comentarios > ul.list_comentarios > li > .content > p > img.emo1 {
    width: 20px;
    height: 20px;
    float: none;
}

.emoticonesRelato img {
    float: left;
}
/* ESTILO PARA EMOTICONES */

#holderLoadingComentarios {
    position: absolute;
    top: 5px;
    left: 5px;
}

.hide {
    display: none;
}

.imgComentaristas{
    width: 50px;
    height: 50px;
    padding: 6px;
}

a.linkDestacada:hover {
    text-decoration: none;
}